<template>
  <div class="ordinary-tasks">
    <el-card>评价管理</el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      ruleForm: {
        babyDetails: {},
        checkList: [],
        sexLists: 0,
        shoppingLists: 0
      },
      rules: {},
      imageUrl: '',
      tableData: []
    }
  },
  methods: {
    handleAvatarSuccess(res, file) {
      this.imageUrl = URL.createObjectURL(file.raw)
    },
    beforeAvatarUpload(file) {},
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          alert('submit!')
        } else {
          console.log('error submit!!')
          return false
        }
      })
    }
  }
}
</script>
<style lang="scss">
.ordinary-tasks {
  // 公共
  .dashed {
    border-bottom: 1px dashed #f3f3f3;
  }
  .floatRight {
    float: right;
  }
  .red {
    color: red;
  }
  .el-input {
    max-width: 600px;
  }

  .model {
    margin-bottom: 20px;
    .content {
      .btn {
        text-align: center;
        padding: 10px;
      }
      .line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        padding: 20px 0;
        .inline {
          display: inline-block;
          width: 33.33%;
          margin: 0;
        }
      }
      .keyWords {
        position: relative;
        padding: 0 40px;
        border: 1px solid #f3f3f3;
        .triangle {
          width: 0px;
          height: 0px;
          border-color: transparent #1b90ff;
          border-width: 0 0 40px 40px;
          border-style: solid;
          position: absolute;
          top: 0;
          left: 0;
          > span {
            position: absolute;
            left: -31px;
            top: 3px;
            color: #fff;
          }
        }
      }
      .avatar-uploader {
        .el-upload {
          border: 1px dashed #d9d9d9;
          border-radius: 6px;
          cursor: pointer;
          position: relative;
          overflow: hidden;
          &:hover {
            border-color: #409eff;
          }
        }
        .avatar-uploader-icon {
          font-size: 28px;
          color: #8c939d;
          width: 178px;
          height: 178px;
          line-height: 178px;
          text-align: center;
        }
        .avatar {
          width: 178px;
          height: 178px;
          display: block;
        }
      }
    }

    &.footer {
      .el-card__body {
        text-align: right;
      }
    }
  }
}
</style>
